<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="js/jquery.min.js"></script>
        <script>

            $(function(){


                //每个元素包裹
                // $('a').wrap('<div></div>')

                //整体包裹
                // $('a').wrapAll(document.getElementById('p1'))



                // $('<span>span</span>').appendTo('#p1')

                //会改变文档结构
                // $('a').appendTo('#p1')


                //这个方法将移出元素的父元素。这能快速取消 .wrap()方法的效果。匹配的元素（以及他们的同辈元素）会在DOM结构上替换他们的父元素。
                $('a').unwrap()
            })

        </script>
    </head>
    <body>


        <p>
            <a href="#">天猫</a>
            <a href="#">淘宝</a>
            <a href="#">拼多多</a>
            <a href="#">京东</a>
			<a href="#">对</a>
        </p>


       

        <p style="background-color: aqua;" id="p1">

        </p>


        <div>
    <p>Hello</p>
    <p>cruel</p>
    <p>World</p>
</div>

    </body>
</html>
